//来自于update.js的修改
//在这里实现编辑 功能，其实就是数据库的更新
//获取编辑按钮 绑事件 跟删除一样的需要事件委托
const uinputName=document.querySelector('#uinputName')
tbody.addEventListener('click',function(e){
    //编辑   按钮实现的逻辑
    if(e.target.id==="update-btn"){
        //console.log('updata')表明已经取到这个按钮了
        // 把当前这个编辑按钮保存起来，切换样式
        let updateBtn = e.target
       // console.log( updateBtn.parentNode.parentNode)取到了这个编辑按钮对应的tr
       updateBtn.parentNode.parentNode.className="shop-list edit"
       //获取输入值，js吧这几个值发送请求给后端 做更新数据库操作 
      // 等到点击了确定按钮后 把input的值给span js把span的值发送给后台
      let tr = updateBtn.parentNode.parentNode
      //左边 input 右边span
    tr.children[1].children[1].value=tr.children[1].children[0].innerHTML
    tr.children[2].children[1].value=tr.children[2].children[0].innerHTML
    tr.children[3].children[1].value=tr.children[3].children[0].innerHTML
    }
    // 取消   按钮实现的逻辑
    if(e.target.id==="cancel-btn"){
        let cancelBtn=e.target
        cancelBtn.parentNode.parentNode.className="shop-list"
    }
    // 确定   按钮实现的逻辑
    if(e.target.id==="ok-btn"){
        let okBtn = e.target,
        updateTr=okBtn.parentNode.parentNode
        var Id=(okBtn.parentNode.parentNode).getAttribute('data-id')
        console.log(Id)
        // 确定后样式变回去
        updateTr.className="shop-list"
        //得到这行的tr
        console.log( updateTr) 
        //关键是怎么获得input里的数据呢？
        //把input的值赋值给span
        //span 打印出来是undifined
        // console.log(updateTr.children[1].children[0].value)
        //input 得到输入的值 =>发送给后端
        const name=updateTr.children[1].children[0]=updateTr.children[1].children[1].value,
              price=updateTr.children[2].children[0]=updateTr.children[2].children[1].value,
              number=updateTr.children[3].children[0]=updateTr.children[3].children[1].value
    //    console.log(updateTr.children[1].children[0]=updateTr.children[1].children[1].value)
    //    console.log(updateTr.children[2].children[0]=updateTr.children[2].children[1].value)
    //    console.log(updateTr.children[3].children[0]=updateTr.children[3].children[1].value)
       
      console.log(name,price,number)
      //发送请求给后台，返回数据重新渲染页面
      utils.fetch('./api/v1/shop/update.php',{Id,name,price,number}).then((resp)=>{
          console.log('update down')
          getShopList()
      })
        
        
       
        
        

        
    }
})